<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <title>资金明细</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/common.css">
  <script src="js/src.js"></script>
  <style>
    /* card */
    .homecard {
      margin-top: 50px;
      font-size: 20px;
    }



    .card_div {
      background: #fff;

      line-height: 36px;
      font-weight: 800;
      padding: 12px;
      color: #666;
      margin-bottom: 15px;

    }

    .card_div div {
      font-size: 14px;
    }

    .card_div .con-title {
      color: #323332;
      font-size: 16px;
      font-weight: 800;
    }

    .card_div .con-con {
      float: right;
      color: red;
      font-weight: bold;
      font-size: 16px;
    }

    .card_bottom {
      margin-bottom: 15px;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="nativebar">
      <a href="./mine.html">
        <i class="el-icon-arrow-left" style="font-size: 20px;"></i>
      </a>
      <span>资金明细</span>
      <span></span>
    </div>
    <div class="homecard">
      <div class="card_div">
        <div><span class="con-title">资金提现</span>
          <span class="con-con">出账￥-100.00</span>
        </div>
        <div>2020-08-13 04:25:25</div>
        <div>备注：资金提现100元</div>
      </div>

      <div class="card_div">
        <div><span class="con-title">资金提现</span>
          <span class="con-con">出账￥-7537.69</span>
        </div>
        <div>2020-08-13 04:25:25</div>
        <div>备注：三个爸爸投资:7537.69元,订单ID:1</div>
      </div>
      <div class="card_div">
        <div><span class="con-title">资金提现</span>
          <span class="con-con">出账￥+10000.00</span>
        </div>
        <div>2020-08-13 04:25:25</div>
        <div>备注：在线充值:10000.00元,订单ID:11</div>
      </div>

    </div>


  </div>
</body>
<script>
  //实例化一个Vue对象
  var vm = new Vue({
    el: "#app",
    data: {

      
    },
  },
    mounted() {
  },
    methods: {
  }
  });

</script>

</html>